<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Flash Cards</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="flashcard.css" />
    <!--<script 
       src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js">
    </script>-->
    <script src="flashcard.js"></script>
  </head>

  <body>
    <div id="container">
      <section id="setup">
	<h2>Select the settings for this session</h2>
	<form id="settings">
	  <p>
	    <label>
	      Front:
	    </label><br />
	    <input type="checkbox" name="stimulus" value="forLang" />
	    Foreign Language Text<br />
	    <input type="checkbox" name="stimulus" value="pronunciation" />
	    Pronunciation<br />
	    <input type="checkbox" name="stimulus" value="natLang" />
	    Native Language Text<br />
	    <input type="checkbox" name="stimulus" value="audio" />
	    Foreign Langauge Audio<br />

	    <label>Back: </label><br />
	    <input type="checkbox" name="repsponse" value="forLang" />
	    Foreign Language Text<br />
	    <input type="checkbox" name="response" 
		   value="pronunciation" />
	    Pronunciation<br />
	    <input type="checkbox" name="response" value="natLang" />
	    Native Language Text<br />
	    <input type="checkbox" name="response" value="audio" />
	    Foreign Language Audio<br />

	  </p>
	</form>
	<p id="buttonPar">
          <button id="beginButton">Begin</button>
        </p>
      </section><!--setup-->

      <section id="front">
	<p>
	  <span id="fForLang">狐狸<br /></span>
	  <span id="fPronunciation">(h&uacute;l&iacute;)<br /></span>
	  <span id="fNatLang">fox<br /></span>
	  <span>
	    <audio id="fAudio" controls="controls">
	      <source src="" /><!--placeholder for ogg files-->
	      <source src="" /><!--for mp3-->
	      Your jankity ol' browser does not support the audio element.
	      Consider updating.
	    </audio>
	  </span>
	</p>
      </section><!--front-->
      <p id="showButton">
	<button>Show Answer</button>
      </p>



      <section id="back">
	<p>
	  <span id="bForLang">狐狸<br /></span>
	  <span id="bPronunciation">(h&uacute;l&iacute;)<br /></span>
	  <span id="bNatLang">fox<br /></span>
          <span>
	    <audio id="bAudio" controls="controls">
              <sourcesrc="" /><!--placeholder for ogg files-->
              <source src="" /><!--for mp3-->
              Your jankity ol' browser does not support the audioelement.
              Consider updating.
            </audio>
	  </span>
	</p>
      </section><!--back-->
      <section id="feedback">
	<button id="missed">Missed</button>
	<button id="hard">Hard</button>
	<button id="soSo">So-So</button>
	<button id="easy">Easy</button>
      </section>
    </div><!--container-->
  </body>
</html>
